<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <link rel="shortcut icon" type="image/ico" href="/site_media/image/logo.ico" />
    <link rel="stylesheet" type="text/css" href="/site_media/css/style.css" />
    <link rel="stylesheet" type="text/css" href="/site_media/css/imgareaselect-default.css" />
    <script src="/site_media/js/jquery-1.6.1.js" type="text/javascript"></script>
    <script src="/site_media/js/jquery.imgareaselect.pack.js" type="text/javascript"></script>
    <script src="/site_media/js/init.js" type="text/javascript"></script>
    <script src="/site_media/js/result.js" type="text/javascript"></script>
    <title>ESP Game</title>
</head>
<body>
    <div class="top">
        <span class="top-info">
            {% if user.is_authenticated %}{{ user.username }} | Help | <a href="/logout/">Sign Out</a>{% else %}Help | <a href="/login/">Sign In</a>{% endif %}
        </span>
        <img class="top-logo" src="/site_media/image/logo.png" alt="" />
        <div class="top-title">ESP Game</div>
    </div>
    <div class="main">
        <div class="result-score">
            <br /><br />
            You and <span class="result-bold">{{ partner }}</span> scored <span class="result-bold">{{ score }}</span> points
            <br /><br />
            <input class="result-score-button" type="submit" value="Start Again" />
            <br />
            <br />
            <!--Passit BUTTON BEGIN-->
            <script type="text/javascript">
            bookmark_service_div="qq,kxzt,qqxy,baiduHi,bookmark,baidu,douban,sohuweibo,qqweibo,more";
            bookmark_service="163weibo,qqkj,sinaweibo,xnzt,more";</script>
            <div class="passit_def_div"><a class="passit_default" href="http://www.passit.cn/bookmark.html" target="_blank">分享到 :</a></div>
            <script type="text/javascript">
            var passit_title = "ESPGame microblog test";//自定义分享标题，删除和留空表示使用默认
            var passit_url = "";//自定义分享网址，删除和留空表示使用默认
            var passit_content= "Your score is {{ score }}.";//自定义分享内容，删除和留空表示使用默认
            </script>
            <script type="text/javascript" src="http://www.passit.cn/js/passit_default_new.js?pub=0&simple=1" charset="UTF-8"></script>
            <!--Passit BUTTON END-->
        </div>
        <div class="result-rank">
            <div class="result-rank-area">
                <dl>
                    <dt class="title">Today's Top Pairs</dt>
                    <dd class="s1">
                        <span>{{ today_best_match.0.user1 }}&nbsp;-&nbsp;{{ today_best_match.0.user2 }}</span>
                        <span class="mark">{{ today_best_match.0.score }}</span>
                    </dd>
                    <dd class="s2">
                        <span>{{ today_best_match.1.user1 }}&nbsp;-&nbsp;{{ today_best_match.1.user2 }}</span>
                        <span class="mark">{{ today_best_match.1.score }}</span>
                    </dd>
                    <dd class="s3">
                        <span>{{ today_best_match.2.user1 }}&nbsp;-&nbsp;{{ today_best_match.2.user2 }}</span>
                        <span class="mark">{{ today_best_match.2.score }}</span>
                    </dd>
                    <dd class="s4">
                        <span>{{ today_best_match.3.user1 }}&nbsp;-&nbsp;{{ today_best_match.3.user2 }}</span>
                        <span class="mark">{{ today_best_match.3.score }}</span>
                    </dd>
                    <dd class="s5">
                        <span>{{ today_best_match.4.user1 }}&nbsp;-&nbsp;{{ today_best_match.4.user2 }}</span>
                        <span class="mark">{{ today_best_match.4.score }}</span>
                    </dd>
                </dl>
            </div>
            <div class="result-rank-area">
                <dl>
                    <dt class="title">Today's Top Pairs</dt>
                    <dd class="s1">
                        <span>{{ all_time_top.0.username }}</span>
                        <span class="mark">{{ all_time_top.0.score }}</span>
                    </dd>
                    <dd class="s2">
                        <span>{{ all_time_top.1.username }}</span>
                        <span class="mark">{{ all_time_top.1.score }}</span>
                    </dd>
                    <dd class="s3">
                        <span>{{ all_time_top.2.username }}</span>
                        <span class="mark">{{ all_time_top.2.score }}</span>
                    </dd>
                    <dd class="s4">
                        <span>{{ all_time_top.3.username }}</span>
                        <span class="mark">{{ all_time_top.3.score }}</span>
                    </dd>
                    <dd class="s5">
                        <span>{{ all_time_top.4.username }}</span>
                        <span class="mark">{{ all_time_top.4.score }}</span>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="result-intro">
            <p class="result-intro-info">Thanks for your participation. To find out more about the images that you labeled and the sites they came from, click on any of the images below.</p>
            <p><span class="result-bold">Images labeled -</span> <span class="result-intro-font">Click on any image below to find out more</span></p>
        </div>    
        <div class="result-results">
            {% for result in result_list %}
                <div class="result-every-pic">
                    <img class="result-image" style="{% if result.width != 0 %}width:150px;{% endif %}{% if result.height != 0 %}height:150px;{% endif %}" src="{{ result.url }}" alt="" /><br />
                    <a href="http://{{ result.domain }}">{{ result.domain }}</a><br />
                    {% for word in result.word_list %}
                    {{ word }},&nbsp;
                    {% endfor %}
                    <br />
                </div>
            {% endfor %}
        </div>
    </div>
    <div class="clear"></div>
    <div class="footer">
        ©2011 ESP Game All Rights Reserved
    </div>
</body>
</html>